<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>关于鲜橙</title>
<!--加载head和footer公用的css开始-->
<link charset="utf-8" type="text/css" href="css/common.css" rel="stylesheet"/>
<!--加载head和footer公用的css结束-->
<!--加载service页面的css开始-->
<link charset="utf-8" type="text/css" href="css/about.css" rel="stylesheet"/>
<!--加载service页面的css结束-->
<!--加载公用的jquery的js开始-->
<script type="text/javascript" src="js/jquery-1.4.js"></script>
<!--加载公用的jquery的js结束-->
<!--网页界面宽度随浏览器变化开始-->
<script type="text/javascript">
	$(document).ready(function(){
		var width = document.body.clientWidth ;
		var w = width+"px";
		document.getElementById("headerActiveBac").style.width = w;
		document.getElementById("mainActiveBac1").style.width = w;
		document.getElementById("mainActiveBac2").style.width = w;
		document.getElementById("mainActiveBac3").style.width = w;
		document.getElementById("mainActiveBac4").style.width = w;
		document.getElementById("mainActiveBac1").style.height = "100%";
		document.getElementById("mainActiveBac2").style.height = "100%";
		document.getElementById("mainActiveBac3").style.height = "100%";
		document.getElementById("mainActiveBac4").style.height = "100%";
		document.getElementById("footerMaskBac").style.width = w;
		var mainRightExt = (document.body.clientWidth-960)/2+234;
		mainExtRight = mainRightExt+"px";
		document.getElementById("headerShadowBac").style.width = w;
	});
	
	window.onresize = function(){
		var width = document.documentElement.clientWidth;
		var w = width+"px";
		var w = width+"px";
		document.getElementById("headerActiveBac").style.width = w;
		document.getElementById("mainActiveBac1").style.width = w;
		document.getElementById("mainActiveBac2").style.width = w;
		document.getElementById("mainActiveBac3").style.width = w;
		document.getElementById("mainActiveBac4").style.width = w;
		document.getElementById("mainActiveBac1").style.height = "100%";
		document.getElementById("mainActiveBac2").style.height = "100%";
		document.getElementById("mainActiveBac3").style.height = "100%";
		document.getElementById("mainActiveBac4").style.height = "100%";
		document.getElementById("footerMaskBac").style.width = w;
		var mainRightExt = (document.body.clientWidth-960)/2+234;
		mainExtRight = mainRightExt+"px";
		document.getElementById("headerShadowBac").style.width = w;
	} 
</script>
<!--网页界面宽度随浏览器变化结束-->
<!--加载公用的jquery的js结束-->
<!--网页界面展示部分开始-->
<script type="text/javascript" src="js/jQuery.timers.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$("#showPic2").hide();
		$("#showPic3").hide();
		$("#showPic4").hide();
		$('body').everyTime('5s', loopPlay);
    });
</script>
<script type="text/javascript">
	function showPic(element){
				var num = element.id.substring(element.id.length-1,element.id.length);
				for(var i=1;i<=4;i++){
					if(num==i) continue;
					var showLiId1 = "showLi"+i;
					if(i==1)
						document.getElementById(showLiId1).style.backgroundImage = "url(image/map/beijing_blue.png)";
					if(i==2)
						document.getElementById(showLiId1).style.backgroundImage = "url(image/map/shanghai_blue.png)";
					if(i==3)
						document.getElementById(showLiId1).style.backgroundImage = "url(image/map/dongguan_blue.png)";
					if(i==4)
						document.getElementById(showLiId1).style.backgroundImage = "url(image/map/shenzhen_blue.png)";
					//document.getElementById(showLiId1).style.marginTop = "0px";
					//document.getElementById(showLiId1).firstChild.style.marginTop = "20px";
					var showPicId1 = "#showPic"+i;
					var showPicId1_1 = "showPic"+i;
					if(document.getElementById(showPicId1_1).className=="picCurrent")
						$(showPicId1).fadeOut("slow");
					document.getElementById(showPicId1_1).className = "picHidden";
					var showPicId11 = "#extPic"+i;
					var showPicId11_1 = "extPic"+i;
					if(document.getElementById(showPicId11_1).className=="picCurrent")
						$(showPicId11).fadeOut("slow");
					document.getElementById(showPicId11_1).className = "picHidden";
				}
				if(num==1)
					element.style.backgroundImage = "url(image/map/beijing_red.png)";
				if(num==2)
					element.style.backgroundImage = "url(image/map/shanghai_red.png)";
				if(num==3)
					element.style.backgroundImage = "url(image/map/dongguan_red.png)";
				if(num==4)
					element.style.backgroundImage = "url(image/map/shenzhen_red.png)";
				//element.style.backgroundImage = "url(image/map/beijing_red.png)";
				//element.style.marginTop = "-8px";
				//element.firstChild.style.marginTop = "28px";
				var showPicId = "#showPic"+num;
				var showPicId_1 = "showPic"+num;
				if(document.getElementById(showPicId_1).className == "picHidden")
					$(showPicId).fadeIn("slow");
				document.getElementById(showPicId_1).className = "picCurrent";
				var showPicId1 = "#extPic"+num;
				var showPicId1_1 = "extPic"+num;
				if(document.getElementById(showPicId1_1).className == "picHidden")
					$(showPicId1).fadeIn("slow");
				document.getElementById(showPicId1_1).className = "picCurrent";
				$('body').stopTime();
				$('body').everyTime('5s', loopPlay);
	}
	function loopPlay(){
		for(var i=1;i<=4;i++){
			var showLiId = "showLi"+i;
			var showPicId1 = "#showPic"+i;
			var showPicId1_1 = "showPic"+i;
			if(document.getElementById(showPicId1_1).className=="picCurrent"){
				i++;
				var tmp = "";
				if(i<=4)
					tmp = i;
				else
					tmp = 1;
				var showLi = "showLi"+tmp;
				showPic(document.getElementById(showLi));
				break;
			}
		}
	}
	function reLoopPic(){		
        loopPlay();
        $('body').everyTime('6s', loopPlay);
    }
</script>
<!--网页界面展示部分结束-->
<style type="text/css"></style>
</head>
<body>
<!--页面内容开始-->
<div id="headerActiveBac" style="position:absolute; height:100px; background:url(image/headbac.png) repeat; overflow:visible; z-index:-100;"></div>
<div id="headerShadowBac" style="margin-top:100px; position:absolute; height:6px;background:url(image/shadow.png) repeat-x scroll left top transparent; overflow:visible;z-index:100;"></div>
<div id="extPic1" class="picCurrent" style=" display:block;margin-top:100px; position:absolute; height:298px; overflow:visible; z-index:-100;"><img id="mainActiveBac1" src="image/banner_about_ext.png"/></div>
<div id="extPic2" class="picHidden" style=" display:none; margin-top:100px; position:absolute; height:298px; overflow:visible; z-index:-100;"><img id="mainActiveBac2" src="image/sh1.png"/></div>
<div id="extPic3" class="picHidden" style=" display:none;margin-top:100px; position:absolute; height:298px; overflow:visible; z-index:-100;"><img id="mainActiveBac3" src="image/dg1.png"/></div>
<div id="extPic4" class="picHidden" style=" display:none;margin-top:100px; position:absolute; height:298px; overflow:visible; z-index:-100;"><img id="mainActiveBac4" src="image/sz1.png"/></div>
<div class="clearfloat"></div>
<div class="content">
  <!--页面头部开始-->
  <div class="header">
    <div id="header_logo"><a href="index.action"><img style="border:none;"src="image/logo.png" alt="logo"/></a></div>
    <div id="header_nav">
      <ul>
        <li><a href="index.action">首页</a></li>
        <li><a style="color:#ea5404;" href="about.html">关于鲜橙</a></li>
        <li><a href="LoadCase.action">鲜橙案例</a></li>
        <li><a href="service.jsp">鲜橙服务</a></li>
        <li><a href="LoadProduct.action">鲜橙产品</a></li>
        <li><a href="contact.html">联系我们</a></li>
      </ul>
    </div>
  </div>
  <!--页面头部结束-->
  <div class="clearfloat"></div>
  <!--页面中间开始-->
  <div class="main">
    <!--页面中间导航开始-->
    <div id="main_nav">
    	<div id="showPic1" style="position:absolute; display:block;" class="picCurrent"><img src="image/banner_about.jpg" width="960" height="298"/></div>
        <div id="showPic2" style="position:absolute; display:none;" class="picHidden"><img src="image/shanghai.png" width="960" height="298"/></div>
    	<div id="showPic3" style="position:absolute; display:block;" class="picHidden"><img src="image/dongguan.png" width="960" height="298"/></div>
        <div id="showPic4" style="position:absolute; display:none;" class="picHidden"><img src="image/shenzhen.png" width="960" height="298"/></div>
    </div>
    <!--  
   <div id="main_nav_text">
      <ul>
        <li id="showLi1" onclick="showPic(this)" onmouseover="showPic(this)" style="backgroud:url(image/mask_big_focus.png);"><div style="margin-left:15px; margin-top:20px; margin-right:18px;"><a>${desc1}</a></div></li>
        <li id="showLi2" onclick="showPic(this)" onmouseover="showPic(this)"><div style="margin-left:15px; margin-top:20px; margin-right:18px;"><a>${desc2}</a></div></li>
        <li id="showLi3" onclick="showPic(this)" onmouseover="showPic(this)"><div style="margin-left:15px; margin-top:20px; margin-right:18px;"><a>${desc3}</a></div></li>
        <li id="showLi4" onclick="showPic(this)" onmouseover="showPic(this)"><div style="margin-left:15px; margin-top:20px; margin-right:18px;"><a>${desc4}</a></div></li>
      </ul>
    </div>
    -->
    <!--页面中间导航结束-->
    <!--页面中间内容开始-->
    <div id="main_content_1">
    	<div id="main_content_1_left">
        	<p style="margin:0 auto; padding:0px;"><a style="font-size:12px;line-height:2;">鲜橙5年的创作历程，使其成为中国品牌传播行业最具成长性、独具国际视野，且首屈一指的本土传播机构。作为一家“智力型”的品牌传播机构，我们以品牌策略规划、网络互动传播及动漫研发授权服务为一体，为客户穿凿深度价值！</a></p>
			<p><a style="font-size:12px;line-height:2;">鲜橙并不一味追求标新立异，鲜橙善于将自己的工作经验与目前中国市场的发展结合，融合了与中国数十家知名企业合作的实践经验，创造出适合中国市场的品牌传播理论体系，为客户度身定造品牌传播战略。</a></p>
        	<p><a style="font-size:12px;line-height:2;">鲜橙始终秉承其“国际视野，中国洞察”的宗旨，致力于成为一家国际性的专业品牌传播机构，以全新的品牌传播理论引领中国品牌设计潮流。</a></p>
        </div>
        <div id="main_content_1_right">
        	<!--<img src="image/map.jpg" />-->
        	<a id="showLi1" onclick="showPic(this)" onmouseover="showPic(this)" style="display:block;position:absolute;margin-top:35px;margin-left:207px;background:url(image/map/beijing_blue.png);width:74px;height:37px;"></a>
        	<a id="showLi2" onclick="showPic(this)" onmouseover="showPic(this)" style="display:block;position:absolute;margin-top:98px;margin-left:244px;background:url(image/map/shanghai_blue.png);width:74px;height:37px;"></a>
        	<a id="showLi3" onclick="showPic(this)" onmouseover="showPic(this)" style="display:block;position:absolute;margin-top:164px;margin-left:272px;background:url(image/map/dongguan_blue.png);width:74px;height:37px;"></a>
        	<a id="showLi4" onclick="showPic(this)" onmouseover="showPic(this)" style="display:block;position:absolute;margin-top:175px;margin-left:202px;background:url(image/map/shenzhen_blue.png);width:74px;height:37px;"></a>
        </div>
    </div>
    <div class="clearfloat"></div>
    <div id="main_content_2">
    	<h3 style="font-family:Microsoft Yahei;font-size:18px; border:thin; font-weight:normal; padding-top:30px; color:#ea5404;">鲜橙团队</h3>
        <ul style="list-style:none; float:left; margin:auto; padding:0px; margin-top:10px;">
        	<li style="float:left;">
            	<div style="overflow: hidden;width:419px; height:120px;">
            		<img src="image/team_shenzhen.png" />
                </div>
            </li>
            <li style="float:left; margin-left:60px;">
            	<div style="overflow: hidden;width:419px; height:120px;">
            		<img src="image/team_beijing.png" />
                </div>
            </li>
        </ul>
        <div class="clearfloat"></div>
        <ul style="list-style:none; float:left; margin:auto; padding:0px; margin-top:30px;">
        	<li style="float:left;">
            	<div style="overflow: hidden;width:419px; height:120px;">
            		<img src="image/team_beijing_game.png" />
                </div>
            </li>
            <li style="float:left; margin-left:60px;">
            	<div style="overflow: hidden;width:419px; height:120px;">
            		<img src="image/team_shanghai.png" />
                </div>
            </li>
        </ul>
        <div class="clearfloat"></div>
        <ul style="list-style:none; float:left; margin:auto; padding:0px; margin-top:30px;">
        	<li style="float:left;">
            	<div style=" overflow: hidden;width:419px; height:120px;">
            		<img src="image/team_dongguang.png" />
                </div>
            </li>
           
        </ul>
    </div>
    <!--页面中间内容结束-->
  </div>
  <!--页面中间结束-->
  <div class="clearfloat"></div>
  <!--页面底部开始-->
  <div class="footer">
    <div id="footer_nav">
      <ul>
        <li><a href="index.action">首页</a></li>
        <li><a href="about.html">关于鲜橙</a></li>
        <li><a href="LoadCase.action">鲜橙案例</a></li>
        <li><a href="service.jsp">鲜橙服务</a></li>
        <li><a href="LoadProduct.action">鲜橙产品</a></li>
        <li><a href="contact.html">联系我们</a></li>
      </ul>
      <div style="margin-left:80px; margin-top:37px;"><span style="font-size:12px; color:#696969; font-weight:bold;"> © 2011 SUNSUM All rights reserved.</span></div>
    </div>
  </div>
  <!--页面底部结束-->
</div>
<div id="footerMaskBac" style=" margin-top:-120px; position:absolute; height:120px; background:url(image/footerBac_ext.png) repeat; overflow:visible; z-index:-100;"></div>
<!--页面内容结束-->
</body>
</html>
